<table id="tableInfor" class="tableInfor">
	<tr>	
		<th> Id </th>
		<th> Username </th>
		<th> Giới tính </th>
	</tr>
	{foreach from=$arrUser item=user}
	<tr>
		<td> {$user['id']} </td>
		<td> <a href="index/detail/{$user['id']}-{$user['username']}.html">{$user['username']}</a> </td>
		<td> {$user['gender']} </td>
	</tr>
      
    {/foreach}
</table>

<br>

<div id="paging" class="paging">

	{if $objPage.current != $objPage.first}
		<span onclick="LoadPage({$objPage.first})" class="notCurrent">
				First</span>
		<span>&nbsp;</span>
	{/if}

	{if $objPage.current != $objPage.first}
		<span onclick="LoadPage({$objPage.previous})" class="notCurrent">
				Previous</span>
		<span>&nbsp;</span>
	{/if}

	{foreach from=$objPage.pagesInRange item=pageNumber}
    	{if $objPage.current == $pageNumber}
    		<span>
    			{$pageNumber}
    		</span>
			
			<span>&nbsp;</span>
		{else}
			<span onclick="LoadPage({$pageNumber})" class="notCurrent">
				{$pageNumber}</span>
			
			<span>&nbsp;</span>
		{/if}
		
    {/foreach}	

    {if $objPage.current != $objPage.last}
		<span onclick="LoadPage({$objPage.next})" class="notCurrent">
				Next</span>
		<span>&nbsp;</span>
	{/if}

    {if $objPage.current != $objPage.last}
		<span onclick="LoadPage({$objPage.last})" class="notCurrent">
				Last</span>
		<span>&nbsp;</span>
	{/if}
</div>